<template>
    <div id="header">

      <div class="header">
	<div class="top">
    	<div class="w1200">
        	<span class="l s1">
            	<em>Hi ！  欢迎来到铄雅礼品</em>
                <a href="#">请登录</a>
                <a href="#">免费注册</a>
            </span>
            <ul>
            	<li>
                	<a href="#" class="a1">我的订单<i></i></a>
                    <dl>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    </dl>
                </li>
            	<li>
                	<a href="#" class="a1">我的铄雅礼品<i></i></a>
                    <dl>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    </dl>
                </li>
            	<li>
                	<a href="#" class="a1">收藏夹<i></i></a>
                    <dl>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    </dl>
                </li>
            	<li>
                	<a href="#" class="sj">手机版</a>
                </li>
            	<li>
                	<a href="#" class="a1">关注我们<i></i></a>
                    <dl>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    </dl>
                </li>
            	<li class="last">
                	<a href="#" class="a1">网站导航<i></i></a>
                    <dl>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    	<dt><a href="#">我的订单</a></dt>
                    </dl>
                </li>
            </ul>
            <div class="clear"></div>
        </div>
    </div>
    <div class="laf w1200">
    	<div class="l"><a href="#"><img src="images/pic05.jpg"></a></div>
        <div class="l send">
            <dl class="select">
                <span>送至</span>
                <dt>广州</dt>
                <dd>
                    <ul>
                        <li><a href="#">广州1</a></li>
                        <li><a href="#">广州2</a></li>
                        <li><a href="#">广州3</a></li>
                    </ul>
                </dd>
                <div class="clear"></div>
            </dl>
            <p>一流的服务！ 一流的商品！ 一流的质量！</p>
        </div>
        <div class="l search">
        	<form>
            	<input type="text" class="l text" value="油品冰点价，2百万赠品免费送" defaultval="油品冰点价，2百万赠品免费送" onblur="blurInputEle(this)" onfocus="focusInputEle(this)" style="color: rgb(0, 0, 0);">
                <input type="button" class="l button" value="搜索">
                <div class="clear"></div>
            </form>
            <p>
            	<a href="#">0元试用</a>
                <a class="a1" href="#">奶粉</a>
                <a href="#">华为P8</a>
                <a href="#">空调</a>
                <a class="a1" href="#">电视柜</a>
                <a href="#">戴尔笔记本</a>
                <a href="#">卫生巾</a>
                <a href="#">除湿机</a>
                <a href="#">抽纸</a>
            </p>
        </div>
        <div class="r car">
        	<a href="#"><img src="images/pic14.jpg"></a>
            <div class="num">0</div>
        </div>
        <div class="clear"></div>
    </div>
</div>


    </div>
</template>

<script>
    export default {
        name: "Header"
    }
</script>

<style scoped>

</style>
